<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图片</title>
</head>
<body>
    <h1>图片</h1>
    <p>图片是一个单标签
        语法：
        <!--
        <img src="图片路径" alt="占位提示"></img>
        -->
        <img src="" alt="占位提示">横幅</img>
        <!--设置图片大小-->
        <img src="./img/s1.jpg" alt="狮子" width="300px" height="200px">横幅</img>
        <!--链接某张图片加上超链接-->
        <a href="./img/s2.jpg">
          <img src="./img/s2.jpg" alt="猪猪侠" width="300px" height="200px">猪猪侠</img></a>
    </p>
</body>
</html>